<%--
  Created by IntelliJ IDEA.
  User: 34672
  Date: 2019/3/8
  Time: 13:52
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>预警大数据智能分析</title>
    <link rel="stylesheet" href="<s:url value="/assets/zonghe/static/css/bootstrap.css"></s:url>">
    <link rel="stylesheet" href="<s:url value="/assets/zonghe/static/css/Reset.css"></s:url>">
    <!-- 文字轮播 -->
    <link rel="stylesheet" href="<s:url value="/assets/zonghe/static/css/scrrollFont.css"></s:url>">
    <link rel="stylesheet" href="<s:url value="/assets/zonghe/static/css/warning.css"></s:url>">
    <style>

    </style>

</head>

<body>
<!-- 主容器 -->
<div class="main-content">
    <!-- 左边容器 -->
    <div class="main-left">
        <div class="row no-margin">
            <!--  重大项目节点管理系统预警分析-->
            <div class="col-xs-6">
                <div class="container-box">
                    <h1>重大项目节点管理系统预警分析</h1>
                    <div class="small-title-box">
                        <p style="width:383px;">
                            <span class="title-left"></span>
                            <span class="title-right"></span>
                            节点预警数量较多前七家挂钩单位统计
                        </p>
                    </div>
                    <div id="unitStatistics"></div>
                    <hr>
                    <div class="small-title-box">
                        <p style="width:243px;">
                            <span class="title-left"></span>
                            <span class="title-right"></span>
                            预警次数较多节点统计
                        </p>
                    </div>
                    <div id="warningNumber"></div>

                    <div class="small-title-box">
                        <p style="width:385px;">
                            <span class="title-left"></span>
                            <span class="title-right"></span>
                            最多逾期时间与最多超前时间前四项目
                        </p>
                    </div>
                    <hr>
                    <div id="overdueAdvanced"></div>
                </div>
            </div>
            <!--  绩效考核管理系统预警分析-->
            <div class="col-xs-6">
                <div class="container-box">
                    <h1>绩效考核管理系统预警分析</h1>
                    <div class="small-title-box">
                        <p style="width: 340px;">
                            <span class="title-left"></span>
                            <span class="title-right"></span>
                            指标录入超期前八家单位次数统计
                        </p>
                    </div>
                    <div id="indexEntry"></div>
                    <hr>
                    <div class="small-title-box">
                        <p style="width:283px;">
                            <span class="title-left"></span>
                            <span class="title-right"></span>
                            专项工作督查部门扣分情况
                        </p>
                    </div>
                    <div id="pointsSituation"></div>
                    <hr>
                    <div class="small-title-box">
                        <p style="width:210px;">
                            <span class="title-left"></span>
                            <span class="title-right"></span>
                            乡镇指标权数情况
                        </p>
                    </div>
                    <div class="clear sel-container" style="position:relative;">
                        <div class="small-legend">
                            100 <span></span>&nbsp;&nbsp;&nbsp;
                            1 <span></span>
                        </div>
                        <select>
                            <option value="01">指标选择</option>
                            <option value="02">指标选择</option>
                        </select>
                        <div class="indicators-name">地方财政收入增长率</div>
                    </div>
                    <div id="scatter"></div>
                </div>
            </div>
        </div>
    </div>


    <!-- 中间容器 -->
    <div class="main-middle">
        <div class="row no-margin">
            <div class="col-xs-12">
                <div class="middle-box">
                    <div class="big-title">
                        <h1>预警大数据智能分析</h1>
                    </div>
                    <!-- 中间地图 -->
                    <div class="middle-map" style="overflow:hidden;">
                        <!-- 背景旋转圆 -->
                        <div class="rotate-circle"></div>
                    </div>

                    <!-- 预警处理容器 -->
                    <ul class="icon-warning ">
                        <li class="clear">
                            <div class="pull-left"></div>
                            <div class="pull-right">
                                <p>已处理</p>
                                <p><em>198</em> 条</p>
                            </div>
                        </li>
                        <li class="clear">
                            <div class="pull-left"></div>
                            <div class="pull-right">
                                <p>未处理</p>
                                <p><em>15</em> 条</p>
                            </div>
                        </li>
                        <li class="clear">
                            <div class="pull-left"></div>
                            <div class="pull-right">
                                <p>处理及时率</p>
                                <p><em>94</em> %</p>
                            </div>
                        </li>
                        <li class="clear">
                            <div class="pull-left"></div>
                            <div class="pull-right">
                                <p>预警总量</p>
                                <p><em>113</em> 条</p>
                            </div>
                        </li>
                        <li class="clear">
                            <div class="pull-left"></div>
                            <div class="pull-right">
                                <p>本月预警数</p>
                                <p><em>198</em> 条</p>
                            </div>
                        </li>
                    </ul>
                    <!-- 底部实预警 -->
                    <div class="bottom-warning">
                        <div class="huadong">
                            <div class="real-time-warning">实时预警信息</div>
                            <div class="huabox">
                                <div class="notice_active">
                                    <ul>
                                        <li class="notice_active_ch">
                                            <div class="row no-margin">
                                                <div class="col-xs-6  hidden-font">
                                                    <p></p>
                                                    1.固定资产投资乡镇预警情况11111111111
                                                </div>
                                                <div class="col-xs-6">
                                                    2019.02.28
                                                </div>
                                            </div>
                                            <div class="row no-margin">
                                                <div class="col-xs-6 leaders">
                                                    项目分管领导：陈文杰
                                                </div>
                                                <div class="col-xs-6">
                                                    责任单位：发改局
                                                </div>
                                            </div>
                                        </li>
                                        <li class="notice_active_ch">
                                            <div class="row no-margin">
                                                <div class="col-xs-6 hidden-font">
                                                    <p></p>
                                                    2.固定资产投资乡镇预警情况
                                                </div>
                                                <div class="col-xs-6">
                                                    2019.02.28
                                                </div>
                                            </div>
                                            <div class="row no-margin">
                                                <div class="col-xs-6 leaders">
                                                    项目分管领导：徐小强
                                                </div>
                                                <div class="col-xs-6">
                                                    责任单位：林业局
                                                </div>
                                            </div>
                                        </li>
                                        <li class="notice_active_ch">
                                            <div class="row no-margin">
                                                <div class="col-xs-6  hidden-font">
                                                    <p></p>
                                                    3.固定资产投资乡镇预警情况
                                                </div>
                                                <div class="col-xs-6">
                                                    2019.02.28
                                                </div>
                                            </div>
                                            <div class="row no-margin">
                                                <div class="col-xs-6 leaders">
                                                    项目分管领导：俞华
                                                </div>
                                                <div class="col-xs-6">
                                                    责任单位：住建局
                                                </div>
                                            </div>
                                        </li>
                                    </ul>

                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 地图左边乡镇 -->
                    <ul class="left-towns">
                        <li>
                            <p>红星乡</p>
                            <p><em>622</em> 条</p>
                        </li>
                        <li>
                            <p>盘古乡</p>
                            <p><em>45</em> 条</p>
                        </li>
                        <li>
                            <p>大洋镇</p>
                            <p><em>93</em> 条</p>
                        </li>
                        <li>
                            <p>长庆镇</p>
                            <p><em>9</em> 条</p>
                        </li>
                        <li>
                            <p>盖洋乡</p>
                            <p><em>8</em> 条</p>
                        </li>
                        <li>
                            <p>东洋乡</p>
                            <p><em>12</em> 条</p>
                        </li>
                        <li>
                            <p>洑口乡</p>
                            <p><em>62</em> 条</p>
                        </li>
                        <li>
                            <p>嵩口镇</p>
                            <p><em>47</em> 条</p>
                        </li>
                        <li>
                            <p>霞拔乡</p>
                            <p><em>62</em> 条</p>
                        </li>
                        <li>
                            <p>梧桐镇</p>
                            <p><em>33</em> 条</p>
                        </li>
                        <li>
                            <p>同安镇</p>
                            <p><em>27</em> 条</p>
                        </li>
                    </ul>
                    <!-- 地图右边乡镇 -->
                    <ul class="right-towns">
                        <li>
                            <p>白云乡</p>
                            <p><em>21</em> 条</p>
                        </li>
                        <li>
                            <p>清凉乡</p>
                            <p><em>41</em> 条</p>
                        </li>
                        <li>
                            <p>丹云乡</p>
                            <p><em>111</em> 条</p>
                        </li>
                        <li>
                            <p>樟城镇</p>
                            <p><em>9</em> 条</p>
                        </li>
                        <li>
                            <p>葛岭镇</p>
                            <p><em>36</em> 条</p>
                        </li>
                        <li>
                            <p>塘前乡</p>
                            <p><em>66</em> 条</p>
                        </li>
                        <li>
                            <p>城峰镇</p>
                            <p><em>28</em> 条</p>
                        </li>
                        <li>
                            <p>岭路镇</p>
                            <p><em>58</em> 条</p>
                        </li>
                        <li>
                            <p>富泉乡</p>
                            <p><em>74</em> 条</p>
                        </li>
                        <li>
                            <p>赤锡乡</p>
                            <p><em>62</em> 条</p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>



    <!-- 右边容器 -->
    <div class="main-right">
        <div class="row no-margin">
            <!--  经济运行监测系统预警分析-->
            <div class="col-xs-6">
                <div class="container-box">
                    <h1>经济运行监测系统预警分析</h1>
                    <div class="small-title-box">
                        <p style="width:358px;">
                            <span class="title-left"></span>
                            <span class="title-right"></span>
                            预警次数较多前七大指标与责任单位
                        </p>
                    </div>
                    <div id="indicatorUnit"></div>
                    <hr>
                    <div class="small-title-box">
                        <p style="width:183px;">
                            <span class="title-left"></span>
                            <span class="title-right"></span>
                            增长未达标指标
                        </p>
                    </div>
                    <div id="noStandard"></div>
                    <div class="small-title-box">
                        <p style="width:235px;">
                            <span class="title-left"></span>
                            <span class="title-right"></span>
                            经济指标各月预警总计
                        </p>
                    </div>
                    <hr>
                    <div id="warningTotal"></div>
                </div>
            </div>
            <!--  招商大数据管理系统预警分析-->
            <div class="col-xs-6">
                <div class="container-box">
                    <h1>招商大数据管理系统预警分析</h1>
                    <div class="small-title-box">
                        <p style="width:236px;">
                            <span class="title-left"></span>
                            <span class="title-right"></span>
                            八个阶段逾期情况统计
                        </p>
                    </div>
                    <div id="overdueSituation"></div>
                    <hr>
                    <div class="small-title-box">
                        <p style="width:161px;">
                            <span class="title-left"></span>
                            <span class="title-right"></span>
                            逾期较多项目
                        </p>
                    </div>
                    <div id="overdueProject"></div>
                    <hr>
                    <div class="small-title-box">
                        <p style="width:358px;">
                            <span class="title-left"></span>
                            <span class="title-right"></span>
                            项目推进申报逾期较长预警单位统计
                        </p>
                    </div>
                    <div id="unitWarning"></div>
                </div>
            </div>
        </div>
    </div>
</div>



<script src="<s:url value="/assets/zonghe/static/js/jquery-1.10.2.js"></s:url>"></script>
<script src="<s:url value="/assets/zonghe/static/js/echarts.js"></s:url>"></script>
<script type="text/javascript" src="<s:url value="/assets/zonghe/static/js/ystep.js"></s:url>"></script>
<script src="<s:url value="/assets/zonghe/static/js/bootstrap.min.js"></s:url>"></script>
<!-- 图表js -->
<script src="<s:url value="/assets/zonghe/static/js/warning_charts.js"></s:url>"></script>
<!-- 页面js -->
<script src="<s:url value="/assets/zonghe/static/js/warning.js"></s:url>"></script>

</body>

</html>
